<template>
  <!-- 数码 -->
  <div class="center-wrap" id="bili_digital">
    <div class="space-between">
      <div class="digital-left">
        <StoreyTitle :title="title">
          <svg slot="svg" t="1595052730195" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"
            p-id="8192" width="200" height="200">
            <path d="M402.2 546.2c0 63.7 52.8 115.3 118 115.3s118-51.6 118-115.3-52.8-115.3-118-115.3c-65.1 0-118 51.6-118 115.3z m0 0"
              fill="#FF9D1F" p-id="8193"></path>
            <path d="M908.9 205.5H742.5c-1.4 0-2.6-0.9-3.1-2.2l-23.6-73.9c-0.1-0.3-0.1-0.6-0.1-0.9-0.2-5-4.2-7.6-9.3-7.6H325.2c-4.8 0-7.6 1.3-9.2 6.5-0.4 1.2-0.4 2.4-0.8 3.6l-23.1 72.3c-0.4 1.3-1.7 2.2-3.1 2.2h-35.7c-1.7 0-3.1-1.3-3.2-2.9l-2.9-32.7c0-5.3-4-11.1-9.4-11.1H188c-5.3 0-9.4 6.2-9.4 11.1l-2.9 32.7c-0.1 1.7-1.5 2.9-3.2 2.9H122c-15.6 0-31.2 14.2-31.2 29.4l266.4 210.9c33.8-59.4 99.1-97.6 174.7-93.5 99.3 5.4 178.3 87.8 178.3 188.5 0 53.9-22.9 102.8-59.5 137.3l258 204.2c15.5 0 28.1-12.6 28.1-28.1V234.9c0.2-15.1-12.3-29.4-27.9-29.4z m-86.3 181.3c-26.3 0-47.6-21.4-47.6-47.6 0-26.3 20.9-47.6 47.6-47.6 26.7 0 47.6 21.4 47.6 47.6 0 26.2-21.8 47.6-47.6 47.6z"
              fill="#FF9D1F" p-id="8194"></path>
            <path d="M91 857.4c0 13.8 11.2 24.9 24.9 24.9h6.2c-16 0.1-31.1-9.3-31.1-24.9z" fill="#709BD1" p-id="8195"></path>
            <path d="M521.6 729.6c-100.7 0-183.1-79-188.5-178.4-2.1-38.8 6.9-74.9 24.3-105.5L91 234.9v622.5c0 15.6 15.1 24.9 31.2 24.9h786.7l-258-204.2c-33.8 31.9-79.3 51.5-129.3 51.5z"
              fill="#F9BF87" p-id="8196"></path>
          </svg>
        </StoreyTitle>
        <VideoPreview :videolist="videolist" :classname="classname"></VideoPreview>
      </div>
      <RankList :ranklist="ranklist"></RankList>
    </div>
  </div>
</template>

<script>
  import StoreyTitle from '../public/StoreyTitle.vue'
  import VideoPreview from '../public/VideoPreview.vue'
  import RankList from '../public/RankList.vue'
  export default {
    name: 'DanceList',
    components: {
      StoreyTitle,
      VideoPreview,
      RankList
    },
    data() {
      return {
        title: '数码',
        classname: 'Digital-box',
        videolist: [{
            img: require('../../assets/img/douga_4k.jpg'),
            bg: require('../../assets/img/douga_4k1.jpg'),
            bgnum: '28',
            title: '全b站第一个4K蒸汽波！𝓼𝓾𝓶𝓶𝓮𝓻 𝓵𝓸𝓿𝓮🍭💗',
            time: '02:21',
            name: '一个人的世界',
            list: ['哈哈哈', '我不做人啦，会长！！！', 're0必须要有排面！', '哎哟卧槽', '我知道我的头即将要被笑飞了', '封面选的好，绅士少不了', '我笑死了你有什么好处？',
              '如果沙雕有颜色一定是蓝色的', '这个封面我好像在哪里见过', '全是我的老婆', '你币有了', '绅士们相见即是缘分', '女朋友就是这样被你打坏的'
            ],
            crown: require('../../assets/img/icon_gold.png'),
            count1: '390.7万',
            count2: '56.6万'
          },
          {
            img: require('../../assets/img/dynamiclist_lwdgz.jpg'),
            bg: require('../../assets/img/dynamic_lwdgz1.jpg'),
            bgnum: '28',
            title: '龙王的工作',
            time: '02:21',
            name: '一个人的世界',
            list: ['哈哈哈', '我不做人啦，会长！！！', 're0必须要有排面！', '哎哟卧槽', '我知道我的头即将要被笑飞了', '封面选的好，绅士少不了', '我笑死了你有什么好处？',
              '如果沙雕有颜色一定是蓝色的', '这个封面我好像在哪里见过', '全是我的老婆', '你币有了', '绅士们相见即是缘分', '女朋友就是这样被你打坏的'
            ],
            crown: require('../../assets/img/icon_gold.png'),
            count1: '390.7万',
            count2: '56.6万'
          },
          {
            img: require('../../assets/img/dynamic_almls.jpg'),
            bg: require('../../assets/img/dynamic_almls1.jpg'),
            bgnum: '28',
            title: '【4月】埃罗芒阿老师 02【独家正版】',
            time: '23:41',
            name: '一个人的世界',
            list: ['哈哈哈', '我不做人啦，会长！！！', 're0必须要有排面！', '哎哟卧槽', '我知道我的头即将要被笑飞了', '封面选的好，绅士少不了', '我笑死了你有什么好处？',
              '如果沙雕有颜色一定是蓝色的', '这个封面我好像在哪里见过', '全是我的老婆', '你币有了', '绅士们相见即是缘分', '女朋友就是这样被你打坏的'
            ],
            crown: require('../../assets/img/icon_silver.png'),
            count1: '390.7万',
            count2: '56.6万'
          },
          {
            img: require('../../assets/img/dynamic_jojo.jpg'),
            bg: require('../../assets/img/dynamic_jojo1.jpg'),
            bgnum: '28',
            title: '【10月】JOJO的奇妙冒险 黄金之风 23【独家正版】',
            time: '24:01',
            name: '一个人的世界',
            list: ['哈哈哈', '我不做人啦，会长！！！', 're0必须要有排面！', '哎哟卧槽', '我知道我的头即将要被笑飞了', '封面选的好，绅士少不了', '我笑死了你有什么好处？',
              '如果沙雕有颜色一定是蓝色的', '这个封面我好像在哪里见过', '全是我的老婆', '你币有了', '绅士们相见即是缘分', '女朋友就是这样被你打坏的'
            ],
            count1: '390.7万',
            count2: '56.6万'
          },
          {
            img: require('../../assets/img/dynamic_gmzr.jpg'),
            bg: require('../../assets/img/dynamic_gmzr1.jpg'),
            bgnum: '28',
            title: '【4月】鬼灭之刃 19【独家正版】',
            time: '23:46',
            name: '一个人的世界',
            list: ['哈哈哈', '我不做人啦，会长！！！', 're0必须要有排面！', '哎哟卧槽', '我知道我的头即将要被笑飞了', '封面选的好，绅士少不了', '我笑死了你有什么好处？',
              '如果沙雕有颜色一定是蓝色的', '这个封面我好像在哪里见过', '全是我的老婆', '你币有了', '绅士们相见即是缘分', '女朋友就是这样被你打坏的'
            ],
            count1: '390.7万',
            count2: '56.6万'
          },
          {
            img: require('../../assets/img/dynamic_hydxj.jpg'),
            bg: require('../../assets/img/dynamic_hydxj1.jpg'),
            bgnum: '28',
            title: '【4月/完结】辉夜大小姐想让我告白？～天才们的恋爱头脑战～  12【独家正版】',
            time: '02:21',
            name: '一个人的世界',
            list: ['哈哈哈', '我不做人啦，会长！！！', 're0必须要有排面！', '哎哟卧槽', '我知道我的头即将要被笑飞了', '封面选的好，绅士少不了', '我笑死了你有什么好处？',
              '如果沙雕有颜色一定是蓝色的', '这个封面我好像在哪里见过', '全是我的老婆', '你币有了', '绅士们相见即是缘分', '女朋友就是这样被你打坏的'
            ],
            crown: require('../../assets/img/icon_gold.png'),
            count1: '390.7万',
            count2: '56.6万'
          },
          {
            img: require('../../assets/img/extension_img1.jpg'),
            bg: require('../../assets/img/extension1_img1.jpg'),
            bgnum: '28',
            title: '你不要过来啊！',
            time: '02:21',
            name: '一个人的世界',
            list: ['哈哈哈', '我不做人啦，会长！！！', 're0必须要有排面！', '哎哟卧槽', '我知道我的头即将要被笑飞了', '封面选的好，绅士少不了', '我笑死了你有什么好处？',
              '如果沙雕有颜色一定是蓝色的', '这个封面我好像在哪里见过', '全是我的老婆', '你币有了', '绅士们相见即是缘分', '女朋友就是这样被你打坏的'
            ],
            crown: require('../../assets/img/icon_silver.png'),
            count1: '390.7万',
            count2: '56.6万'
          },
          {
            img: require('../../assets/img/douga_jjdjr.jpg'),
            bg: require('../../assets/img/douga_jjdjr1.jpg'),
            bgnum: '28',
            title: '你不要过来啊！',
            time: '02:21',
            name: '一个人的世界',
            list: ['哈哈哈', '我不做人啦，会长！！！', 're0必须要有排面！', '哎哟卧槽', '我知道我的头即将要被笑飞了', '封面选的好，绅士少不了', '我笑死了你有什么好处？',
              '如果沙雕有颜色一定是蓝色的', '这个封面我好像在哪里见过', '全是我的老婆', '你币有了', '绅士们相见即是缘分', '女朋友就是这样被你打坏的'
            ],
            crown: require('../../assets/img/icon_gold.png'),
            count1: '390.7万',
            count2: '56.6万'
          },
        ],
        ranklist: [{
            img: require('../../assets/img/rank_nzm.jpg'),
            title: '这样骂够吗？(200w粉纪念)',
            intro: '193.6万',
            playnum: '95.6',
            comment: '1.0万',
            store: '6.2万',
            coin: '10.3万',
            name: '一个人的世界',
            time: '2020-07-16'
          },
          {
            img: require('../../assets/img/rank_nzm.jpg'),
            title: '忍 者 的 时 代 结 束 了',
            playnum: '95.6',
            comment: '1.0万',
            store: '6.2万',
            coin: '10.3万',
            name: '一个人的世界',
            time: '2020-07-16'
          },
          {
            img: require('../../assets/img/rank_nzm.jpg'),
            title: '全家被蚊子咬后，就开始疯狂想吃鲜血《迷雾岛·下》',
            playnum: '95.6',
            comment: '1.0万',
            store: '6.2万',
            coin: '10.3万',
            name: '一个人的世界',
            time: '2020-07-16'
          },
          {
            img: require('../../assets/img/rank_nzm.jpg'),
            title: '刘备：诸葛村夫你是准备三气刘备了吗？',
            playnum: '95.6',
            comment: '1.0万',
            store: '6.2万',
            coin: '10.3万',
            name: '一个人的世界',
            time: '2020-07-16'
          },
          {
            img: require('../../assets/img/rank_nzm.jpg'),
            title: '【进击的巨人】女王怀孕真正的目的是什么？地鸣灭世只是艾伦计划的开始！？巨人牛b！【他她漫漫聊】',
            playnum: '95.6',
            comment: '1.0万',
            store: '6.2万',
            coin: '10.3万',
            name: '一个人的世界',
            time: '2020-07-16'
          },
          {
            img: require('../../assets/img/rank_nzm.jpg'),
            title: '七月最奇葩新番，史上最强男人？这我表示非常喜欢',
            playnum: '95.6',
            comment: '1.0万',
            store: '6.2万',
            coin: '10.3万',
            name: '一个人的世界',
            time: '2020-07-16'
          },
          {
            img: require('../../assets/img/rank_nzm.jpg'),
            title: '铃兰不来我岛的原因',
            playnum: '95.6',
            comment: '1.0万',
            store: '6.2万',
            coin: '10.3万',
            name: '一个人的世界',
            time: '2020-07-16'
          },
          {
            img: require('../../assets/img/rank_nzm.jpg'),
            title: '「京都动画」因为遇见了你，我的人生才充满色彩！',
            playnum: '95.6',
            comment: '1.0万',
            store: '6.2万',
            coin: '10.3万',
            name: '一个人的世界',
            time: '2020-07-16'
          },
          {
            img: require('../../assets/img/rank_nzm.jpg'),
            title: '【明日方舟动画】啪嗒啪嗒注意啦！',
            playnum: '95.6',
            comment: '1.0万',
            store: '6.2万',
            coin: '10.3万',
            name: '一个人的世界',
            time: '2020-07-16'
          },
          {
            img: require('../../assets/img/rank_nzm.jpg'),
            title: '扳机社早期驯服jojo原作珍贵影像资料',
            playnum: '95.6',
            comment: '1.0万',
            store: '6.2万',
            coin: '10.3万',
            name: '一个人的世界',
            time: '2020-07-16'
          },
        ]
      }
    },
  }
</script>

<style>
</style>
